<template>
	<!-- 底部的按钮文字 -->
	<div class="btn_load">
		<span>下载欢遇APP，红娘帮你撮合和TA们的桃花缘！</span>
		<div class="btn_warp">
			<span>立即下载</span>
		</div>
	</div>
</template>

<script>
	export default {}
</script>

<style lang="scss">
	@function px2vw($px) {
		@return $px * 100/750 * 1vw;
	}
	
	.btn_load {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		// margin-top: px2vw(30);
		span {
			font-size: 0.3485rem;
			color: #fff;
		}
		.btn_warp {
			display: block;
			font-size: 0.4999rem;
			color: #ae037c;
			background: url(../../../images/btn_icon_06.png) no-repeat;
			background-size: cover;
			width: px2vw(458);
			height: px2vw(84);
			text-align: center;
			line-height: px2vw(84);
		}
	}
</style>
